<div ng-controller="SocketDemoCtrl">

<section id="widget-grid" class="">

    <!-- row -->

    <div class="row">

        <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <!-- new widget -->
            <div class="jarviswidget jarviswidget-color-blueDark" id="wid-id-3" data-widget-colorbutton="false">

                <header>
                    <span class="widget-icon"> <i class="fa fa-calendar"></i> </span>
                    <h2> 发送消息 </h2>
                    <div class="widget-toolbar">
                        <!-- add: non-hidden - to disable auto hide -->
                        <div class="btn-group">

                        </div>
                    </div>
                </header>

                <!-- widget div-->
                <div>
                    <!-- widget edit box -->

                    <!-- end widget edit box -->

                    <div class="widget-body no-padding">
                        <!-- content goes here -->
                        <div>
                            <li ng-repeat="msg in msgList" style="width: 100%; text-align: {{msg.type}}">
                                <span>{{msg.data}}</span>
                            </li>
                        </div>

                        <!-- end content -->
                    </div>

                </div>
                <!-- end widget div -->
            </div>
            <!-- end widget -->
        </article>

    </div>

    <!-- end row -->

</section>
    <input type="text" ng-model="inputMsg" ng-keydown="input($event)">
    <button ng-click="sendMsg()">发送</button>
    <input type="text" ng-model="room">
    <button ng-click="joinRoom()">加入房间</button>
</div>